<ons-page id="vip-balance">
    <div id="my-toolbar-list">
    <ons-list>
        <ons-list-item modifier="longdivider">
        <div class="left">
            <span class="list-item__title">本金余额</span>
        </div>
        <div class="center ">
            <span class="list-item__title" id="vip-balance-money">200</span>
        </div>
        </ons-list-item>
        <ons-list-item modifier="longdivider">
        <div class="left">
            <span class="list-item__title">VIP类型类型</span>
        </div>
        <div class="center ">
            <ons-select id="vip-type">
                <select id="sel-vip-type">
                </select>
            </ons-select>
        </div>
        </ons-list-item>
    </ons-list>
    </div>
    <ons-button id="vip-banalce-btn" class="list-btn">充值</ons-button>

    <ons-card class="vip-status">VIP福利</ons-card>
    <ons-card class="vip-right">
        <div class="title">1.接单数不同</div>
        <table>
            <tr>
                <th>平台买家等级</td>
                <th>日</td>
                <th>周</td>
                <th>月</td>
            </tr>
            <tr>
                <td><span class="money-color">VIP会员</span></td>
                <td><span class="money-color">5</span></td>
                <td><span class="money-color">30</span></td>
                <td><span class="money-color">75</span></td>
            </tr>
            <tr>
                <td>普通会员</td>
                <td>3</td>
                <td>15</td>
                <td>45</td>
            </tr>
        </table>
    </ons-card>

    <ons-card class="vip-right">
        <div class="title">2.绑定帐号数不同</div>
        VIP会员：每个平台可以绑定<span class="money-color">最多2个平台账号</span>进行任务操作<br>
        普通会员：每个平台只可以绑定1个平台账号进行任务操作
    </ons-card>

    <ons-card class="vip-right">
        <div class="title">3.提现免手续费数不同</div>
        VIP会员：<span class="money-color">每月前四次本金提现免手续费</span><br>
        普通会员：每月前两次本金提现免手续费
    </ons-card>
</ons-page>